* {
  margin: 0;
  padding: 0; }

main {
  padding-top: 50px;
  background: url(../static/img/login-01.jpg);
  background-size: 100%;
  overflow: hidden; }
  main .login {
    float: right;
    margin: 0 100px 50px 0;
    padding: 70px;
    background: white; }
    main .login input {
      width: 330px;
      height: 16px;
      padding: 11px 14px 11px 12px;
      font-size: 16px;
      line-height: 16px;
      outline: none;
      margin-bottom: 10px;
      margin-top: 10px; }
    main .login #submit {
      width: 360px;
      height: 48px;
      background: black;
      color: white;
      text-align: center;
      line-height: 48px;
      cursor: pointer;
      margin-bottom: 60px;
      margin-top: 10px; }
    main .login .other {
      border-top: 1px solid gray; }
      main .login .other p {
        width: 96px;
        margin: -11px auto 0;
        background: white;
        color: gray; }
    main .login .font {
      display: flex;
      width: 250px;
      margin: 20px auto 0;
      justify-content: space-around; }
      main .login .font span {
        color: gray;
        font-size: 30px; }
        main .login .font span:hover {
          color: black; }
    main .login .reg {
      display: flex;
      justify-content: center; }
      main .login .reg a {
        padding: 0 20px;
        color: black;
        font-size: 14px;
        margin-top: 35px; }
        main .login .reg a:first-child {
          border-right: 1px solid gray; }
